<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title>忘忧简介</title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <link href="css/homepage.css" rel="stylesheet" type="text/css">


   <script type="text/javascript">
        function nTabs(thisObj, Num) {
            if (thisObj.className == "active") return;
            var tabList = document.getElementById("myTab").getElementsByTagName("li");
            for (i = 0; i < tabList.length; i++) {//点击之后，其他tab变成灰色，内容隐藏，只有点击的tab和内容有属性
                if (i == Num) {
                    thisObj.className = "active";
                    document.getElementById("myTab_Content" + i).style.display = "block";
                } else {
                    tabList[i].className = "normal";
                    document.getElementById("myTab_Content" + i).style.display = "none";
                }
            }
        }
    </script>
    <style type="text/css">
        *
        {
            margin: 0;
            padding: 0;
            list-style: none;
            
        }
        .nTab2
        {
            width: 1002px;
        
            margin: 20px auto;
		    margin-bottom:100px;
            border: 1px solid #333;
            overflow: hidden;
			padding:30px;
			background:#fff;
			border:1px solid #dfdfdf;
        }
        .none
        {
            display: none;
        }
        .nTab2 .TabTitle li
        {
            
            cursor: pointer;
            height: 50px;
            line-height: 50px;
            font-weight: bold;
            text-align: center;
            width: 200px;
        }
        .nTab2 .TabTitle li a
        {
            text-decoration: none;
        }
        .nTab2 .TabTitle .active
        {
            background:#fff;
            color: #ff9999;
			border-left:none;
			border-right:none;
			
			border-top:1px solid #dfdfdf;
        }
        .nTab2 .TabTitle .normal
        {
            color:#333;
			
			border-left:1px solid #dfdfdf;
			border-right:1px solid #dfdfdf;
			border-top:1px solid #dfdfdf;
        }
	     #ta{
        float:left;
	    width:210px;
		height:300px;
		font-size:15px;
 

		}
        .nTab2 .TabContent
        {
           
            overflow: hidden;
            background: #fff;
            padding: 5px;
            display: block;
            height: 400px;
			width:760px;
		  

			float:right;
		
			
        }
		#fan{
        border-bottom:1px solid #dfdfdf;
		}
	.tabtittle{
    width:200px;
	height:50px;
	font-size:41px;
	color:#ff9999;
	font-weight:900;
    line-height:50px;
	float:left;
	}
	.line{
    width:560px;
	height:23px;
	border-bottom:5px solid #ff9999;
	float:right;

	}
	.aboutus{
    line-height:25px;
    font-size:14px;
    margin-top:15px;
	}
   #server{
    width:760px;
	padding: 5px;
   float:right;
    display:none;
   }
   #look{
   color:#0099cc;
   cursor:pointer;
   }
    </style>
 </head>

 <body>


  <div id="tittle">

   <div id="tittletop">
    <div  id="tittlemain">

      <div id="logo">
	   <ul>
	   <li> <a  title="忘忧校园音乐平台" href="index.jsp"><img src="images/logo.gif" width="180" height="57" ></a> </li>
	   </ul>
	 </div>

	 <div id="menu" >
	   <ul>
        <li ><a href="singer.jsp"><strong>歌手 </strong></a>&nbsp&nbsp
			 <a href="work.jsp"><strong>专辑 </strong></a>&nbsp&nbsp
			 <a href="work.jsp"><strong>随便听听</strong></a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp				 
			 <a href="<s:url action="manage_addUI" namespace="/user"/>"><strong>快速注册</strong></a>&nbsp&nbsp&nbsp&nbsp	
		<div id="us">	 		 
	<s:if test="#request.suc==null">
    <a id ="bo" href="<s:url action="login_loginUI" namespace="/user"/>"><strong>登陆</strong></a>	
</s:if>
<s:else>
    <h1><font color="red" id="log"><s:property value="#request.suc"/> </font></h1>
</s:else>
</div>
</li>
</ul>
</div>

  </div>
  </div>
  </div>

   <div class="nTab2">
	    <div id="ta">
         <div class="TabTitle">
            <ul id="myTab">
                <li class="active" onclick="nTabs(this,0);bt()" style="bottom-top:1px solid #dfdfdf;"  ><a id="about" name="about"> 关于忘忧</a></li>
                <li class="normal" onclick="nTabs(this,1);bt()" ><a id="contact" name="contact">联系我们</a></li>
                <li class="normal" onclick="nTabs(this,2);bt()" ><a id="service" name="service">服务协议</a></li>
                <li class="normal" onclick="nTabs(this,3);bt()" style="border-bottom:1px solid #dfdfdf;"><a id="suggest" name="suggest">意见反馈</a></li>
            </ul>
		 </div>
        </div>
        <div class="TabContent">
            <div id="myTab_Content0">
               <div class="tabtittle">
			       关于忘忧
			   </div>

               <div class="line">
			   </div>
			   <div style="clear:both"></div>
               <div  class="aboutus">
			   <li style="font-size:15px"><b>忘忧由来</b></li>
			   <li>忘忧校园音乐平台是由......</li>
			   <li></li>
			   </div>

            </div>
            <div id="myTab_Content1" class="none">
               <div class="tabtittle">
			   联系我们
			   </div>
               <div class="line">
			   </div>
			   <div style="clear:both"></div>
               <div  class="aboutus">

	
			   <li>感谢您对忘忧校园音乐平台的支持和关注，如需合作协商或者意见反馈，请发邮件至：<a href="" style="color:#0099ff">222420512@163.com<a/></li>
			   
			   
			   </div>

            </div>
            <div id="myTab_Content2" class="none">
               <div class="tabtittle">
			        服务协议
			   </div>
               <div class="line">

			   </div>
			   <div style="clear:both"></div>
               <div  class="aboutus">
			  
			   <p> 以下是您与〔"忘忧音乐平台"）达成的法律协议，协议条款对您使用“忘忧”服务进行了规定。本协议连同所有更新材料、补充条款、软件许可证、以及忘忧平台的一切规则和和政策共同构成了您与忘忧平台之间的“协议”。若您对本协议的任何条款表示异议，您可以选择不进入并使用“忘忧”服务。您进入“忘忧”服务，则意味着您将自愿遵守您所阅读的这些条款，任何更改、添加或删除都是不允许的。若与本协议的有关规定相悖，忘忧可拒绝相关的访问。<br>
1.“忘忧”服务定义。“忘忧”服务由忘忧平台提供，允许您在遵守本协议特定条款和条件的前提下播放或下载音频、视频和手机铃声等数字内容。
<br>
2.不良资料。您了解在使用“忘忧”服务时，您可能会碰到被认为是具有攻击性的、秽亵的或者令人不愉快的内容，不管这些内容是否被清楚地表达。尽管如此，您同意在使用“忘忧”服务时独担风险，忘忧平台不对可能存在的不良内容承担任何责任。
<br>
3.系统需求。使用本服务需要一个或多个兼容的设备、互联网接入（可能收费）以及特定的软件（可能收费），并且需要不时获取更新资料或升级。由于使用本服务涉及硬件、软件和互联网接入，您使用本服务的性能可能受这些因素的影响。本系统需求的必备条件会不时发生更改，您确认并同意您对本系统需求的必备条件负责。</p>
                 <li><a onclick="change1();btn()" id="look" >详情&gt&gt</a></li>

			   </div>

               <script>
var box6=document.getElementById('server');
var a=document.getElementById('myTab_Content2');
var x=1;
function bt(){

if(a.style.display=="none")
{
box6.style.display='none';
}
else{
return true;

}

}




</script>


            </div>
            <div id="myTab_Content3" class="none">
               <div class="tabtittle">
			   意见反馈
			   </div>

               <div class="line">
			   </div>
			   <div style="clear:both"></div>
               <div  class="aboutus">
		
			   <li>感谢您对忘忧音乐平台的支持和关注，如果您对我们的服务有任何意见，欢迎发送邮件，到<a href="" style="color:#0099ff">222420512@163.com<a/></li>
			   <li></li>
			   </div>



           </div>
        </div>

		<div id="server" class="aboutus">
           <p>4. 忘忧音乐平台隐私制度。本平台不会向任何第三方透露用户信息。
<br>
5.您的信息。您同意提供注册该服务所需的准确的、最新的和完整的信息，在本服务使用过程的其他地方也可能需要这些信息（“注册资料”）。您还同意根据需要维护并及时更新您的注册信息，以确保信息的准确性、及时性和完整性。如果您提供的信息是错误、虚假或不完整的，忘忧平台将终止您访问本服务任何部分或全部的权利。您同意忘忧平台在维护您的账户时和在忘忧隐私制度中详细列举的情形下可以存储和使用您所提供的注册资料。
<br>
6.用户账户和安全。
<br>

a.账户和密码。作为本服务的注册用户，您可以收到或新建一个账户（“账户”）。您独自负责维护您的账户保密和安全。您不能将您的账户信息透露给其他人或使用其他人的账户。您对您账户的所有活动或通过您账户从事的所有活动负全部责任。您同意在您的账户出现任何非授权使用或任何其他违反安全性的行为时立即向忘忧平台报告。对由于非授权使用您的账户所导致的任何损失，忘忧平台不承担任何责任。
<br>
b.安全。您了解本服务以及音频、视频、手机铃声和相关工艺图（“产品”）等通过本服务交易的产品包含安全框架，该安全框架所采用的技术可保护数字信息，并根据忘忧平台和其他内容供应商建立的特定使用规则（“使用规则”）限制您对产品的使用。您同意遵守这些使用规则，这些规则将在下面作进一步阐述。您不得使用除忘忧平台提供用于访问本服务的软件之外的手段访问本服务。您不得访问或试图访问您无权访问的账户。您同意不会为了包括获取本服务授权访问在内的任何目的通过任何手段或形式更改软件，或使用修订版本的软件。违反系统或网络安全将引发民事责任或刑事责任。</p>
		</div>
    </div>



 </body>
  <script>
var box6=document.getElementById('server');

var t=0;

var q=1;




function change1()
{

 q++;
 if(q%2==0)
 {
  change11();
 }
 else{
  change12();
 }
}


function change11(){

 var str1=document.getElementById("look").innerHTML;

 str1=str1.replace("详情&gt;&gt;","收起&lt;&lt;");

 document.getElementById("look").innerHTML=str1;

 
}
function change12(){
 var str1=document.getElementById("look").innerHTML;

 str1=str1.replace("收起&lt;&lt","详情&gt;&gt");

 document.getElementById("look").innerHTML=str1;

}

function btn(){

t++;
if(t%2==0)
{

box6.style.display='none';

	}else{box6.style.display='block';

}
}


</script>
</html>

